.survey-items {
    background: #fff;
    border-radius: 2px;
    margin-bottom: 20px;
    box-shadow: 0px 0px 4px 0px #F0F0F0;
    border: 1px solid #E6E6E6;
}

dl {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

dt {
    display: block;
}

.item-top {
    padding: 13px 24px 0;
    font-size: 16px;
    height: 22px;
    line-height: 22px;
    color: #262626;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.item-tit {
    overflow: hidden;
    max-width: 510px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 7px;
    color: #1F1F1F;
}

.item-draft {
    margin-right: 14px;
    font-size: 12px;
    cursor: auto;
}

.item-id {
    margin-right: 14px;
    font-size: 12px;
}

.nopublic {
    display: inline-block;
    border-radius: 4px;
    width: 6px;
    height: 6px;
    margin-right: 4px;
    background: #0095ff;
    *vertical-align: middle;
    position: relative;
    top: -1px;
}

.item-sheet {
    font-size: 12px;
    margin-right: 14px;
}

.runing-num {
    margin-right: 4px;
}

.item-data {
    font-size: 12px;
}

.item-bot {
    margin: 13px 24px 0;
    height: 36px;
    line-height: 36px;
    padding: 18px 0 18px;
    border-top: 1px solid #f5f5f5;
}

survey-items {
    background: #fff;
    border-radius: 2px;
    margin-bottom: 20px;
    box-shadow: 0px 0px 4px 0px #F0F0F0;
    border: 1px solid #E6E6E6;
}

.item-top {
    padding: 13px 24px 0;
    font-size: 16px;
    height: 22px;
    line-height: 22px;
    color: #262626;
}

a {
    text-decoration: none;
    color: black;
}

div {
    display: block;
}

.item-bot {
    margin: 13px 24px 0;
    height: 36px;
    line-height: 36px;
    padding: 18px 0 18px;
    border-top: 1px solid #f5f5f5;
}

.spinner-list {
    height: 36px;
}

.process-box {
    display: inline-block;
    height: 60px;
    line-height: 40px;
    /* margin-right: 30px; */
    margin-right: 14px;
}

.pull-left {
    float: left;
}

.icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    position: relative;
    top: -2px;
}

.design-icon {
    width: 22px;
    height: 28px;
    background: url(../images/icon-design@2x.png) no-repeat center;
    background-size: cover;
}

.recovery-icon {
    width: 22px;
    height: 28px;
    background: url(../images/icon-spread@2x.png) no-repeat center;
    background-size: cover;
}

.download-icon {
    width: 22px;
    height: 28px;
    background: url(../images/icon-data@2x.png) no-repeat center;
    background-size: cover;
}
